<!DOCTYPE html>
<html xmlns:th="https://www.thymeleaf.org/">
<head>
	<title>在线商城管理系统</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css"></link>
	<link rel="stylesheet" href="/css/login.css" type="text/css"></link>
	<script type="text/javascript" src="/js/jquery.min.js"></script>
	<script type="text/javascript" src="/js/bootstrap.min.js"></script>
	<script>


        $(function () {
            $("#captchaImage,#change_verification_code").click(function () {
                $("#captchaImage").attr("src", "/code/showCode?id=" + new Date().getTime());

            });



        });
	</script>
</head>
<body>
<!-- 使用自定义css样式 div-signin 完成元素居中-->
<div class="containercc div-signin">
	<div class="panel panel-primary div-shadow">
		<!-- h3标签加载自定义样式，完成文字居中和上下间距调整 -->
		<div class="panel-heading">
			<h3>在线商城 3.0</h3><span style="color: red">[[${loginMsg}]]</span>
			<span>Network Mall Manager System</span>
		</div>
		<div class="panel-body">
			<!-- login form start -->
			<form action="/staff/login" class="form-horizontal ccc" method="post">
				<div class="form-group">
					<label class="col-sm-3 control-label">用户名：</label>
					<div class="col-sm-9">
						<input name="loginName" class="form-control" type="text" placeholder="请输入用户名">
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">密&nbsp;&nbsp;&nbsp;&nbsp;码：</label>
					<div class="col-sm-9">
						<input class="form-control" type="password" placeholder="请输入密码" name="password">
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">身&nbsp;&nbsp;&nbsp;&nbsp;份：</label>
					<div class="col-sm-9">
						<select name="role" class="form-control">
							<option value="-1">-请选择身份-</option>
							<option value="1001">系统管理员</option>
							<option value="1002">普通管理员</option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">验证码：</label>
					<div class="col-sm-4">
						<input name="code" class="form-control" type="text" placeholder="请输入验证码">
					</div>
					<div class="col-sm-2">
						<!-- 验证码图片加载（需引入验证码文件）图像高度经过测试，建议不要修改 -->
						<img id="captchaImage" class="img-rounded" src="/code/showCode" alt="验证码" style="height: 32px; width: 70px;"/>
					</div>
					<div class="col-sm-2">
						<button id="change_verification_code" type="button" class="btn btn-link">看不清</button>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-9  col-sm-offset-3 padding-left-0">
						<div class="col-sm-4">
							<button type="button" class="btn btn-link btn-block">忘记密码？</button>
						</div>
						<div class="col-sm-4">
							<button type="reset" class="btn btn-primary btn-block">重&nbsp;&nbsp;置</button>
						</div>
						<div class="col-sm-4">
							<button type="submit" class="btn btn-primary btn-block" id="login">登&nbsp;&nbsp;陆</button>
						</div>
					</div>
				</div>
			</form>
			<!-- login form end -->
		</div>
	</div>
</div>
<!-- 页尾 版权声明 -->
<div class="containercc">
	<div class="col-sm-12 foot-css" id="ccc">
		<p class="text-muted credit">
			Copyright © 2017 南京网博 版权所有
		</p>
	</div>
</div>
</body>
</html>
